<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	template="/templates/css/plantilla.html">

	<ui:define name="content">
		<h:outputStylesheet>
.even-row {
    background-color: #FCFFFE;
}
 
.odd-row {
    background-color: #ECF3FE;
}
 
.active-row {
    background-color: #FFEBDA !important;
    cursor: pointer;
}
</h:outputStylesheet>
		<h:form id="form">
			<rich:dataTable value="#{(CHorario.horario)}" var="hor" id="table"
				rows="20" rowClasses="odd-row, even-row" styleClass="stable">
				<rich:column>
					<f:facet name="header">
						<h:outputText value="#{mensajes['ConsultarHorario.Horas']}" />
					</f:facet>
					<h:outputText value="#{hor.hInicial}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">
						<h:outputText value="#{mensajes['RegistrarMaterias.Lunes']}" />
					</f:facet>
					<h:outputText value="#{hor.materiaLunes}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">
						<h:outputText value="#{mensajes['RegistrarMaterias.Martes']}" />
					</f:facet>
					<h:outputText value="#{hor.materiaMartes}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">
						<h:outputText value="#{mensajes['RegistrarMaterias.Miercoles']}" />
					</f:facet>
					<h:outputText value="#{hor.materiaMiercoles}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">
						<h:outputText value="#{mensajes['RegistrarMaterias.Jueves']}" />
					</f:facet>
					<h:outputText value="#{hor.materiaJueves}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">
						<h:outputText value="#{mensajes['RegistrarMaterias.Viernes']}" />
					</f:facet>
					<h:outputText value="#{hor.materiaViernes}" />
				</rich:column>
				<rich:column>
					<f:facet name="header">
						<h:outputText value="#{mensajes['RegistrarMaterias.Sabado']}" />
					</f:facet>
					<h:outputText value="#{hor.materiaSabado}" />
				</rich:column>
			</rich:dataTable>
		</h:form>

		<rich:jQuery selector=".stable tr:odd" query="addClass('odd-row')" />
		<rich:jQuery selector=".stable tr:even" query="addClass('even-row')" />
		<rich:jQuery selector=".stable tr" event="mouseover"
			query="jQuery(this).addClass('active-row')" />
		<rich:jQuery selector=".stable tr" event="mouseout"
			query="jQuery(this).removeClass('active-row')" />

	</ui:define>
</ui:composition>
